<!DOCTYPE html>
<html>
<head>
<title>SyntaxHighlighter themes Demo by Way2Blogging.Org</title>
		
<style type='text/css'>
#navbar-iframe {display:none!important}
body {
	font: Arial, Helvetica, sans-serif;
	margin: 20% auto 0;
	background: #9A7F4F;
background-image: linear-gradient(900, #2F350D 39%, #575C26 70%);
background-image: -o-linear-gradient(900, #2F350D 39%, #575C26 70%);
background-image: -moz-linear-gradient(900, #2F350D 39%, #575C26 70%);
background-image: -webkit-linear-gradient(1500, #9A7F4F 39%, #9A7F4F 70%);
background-image: -ms-linear-gradient(900, #2F350D 39%, #575C26 70%);

background-image: -webkit-gradient(
	linear,
	left 1500,
	left top,
	color-stop(0.39, #9A7F4F),
	color-stop(0.7, #9A7F4F)
);
        text-align: center; 
}

#container {
	margin: 20% auto 0 auto;
	display: block;
	width: 950px; 
}
.title{
	font-size: 40px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: bold;
	color: #e7fc00;
	margin: 0.5em 0 0.1em 0;
	text-shadow: 0px 1px 0px #fff;
	display: block;
        -webkit-transition-duration: 0.40s;
	-webkit-transition-timing-function: ease-out;
        text-decoration: none;
}
.title:hover {
        color: #afbf00;
}  

/* Footer */
#footer{
	bottom:0;
	height:98px;
	left:0;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:100;
}
#footer a.link{
	display:block;
	float:left;
        padding-left: 20px;
	line-height:70px;
	color:#000;
        font-family: 'Aladin', serif;
	font-weight:bold;
	text-decoration:none;
        text-shadow: 0px 2px 3px #666;
        font-size: 70px;  
        -webkit-transition: all .6s ease-in;
        -moz-transition: all .6s ease-in;
        -o-transition: all .6s ease-in;
        transition: all .6s ease-in;
}
#footer a.link:hover{
	color:#fff;
        background: #000;
        width: 500px; 
}
.tipsy {font-size: 10px;position: absolute;padding: 5px;z-index: 100000;}
.tipsy-inner {background-color: #9A7F4F;color: #FFF;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;}
.tipsy-inner {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 5px dashed #000;}
.tipsy-arrow-n {border-bottom-color: #9A7F4F;}
.tipsy-arrow-s {border-top-color: #9A7F4F;}
.tipsy-arrow-e {border-left-color: #9A7F4F;}
.tipsy-arrow-w {border-right-color: #9A7F4F;}
.tipsy-n .tipsy-arrow {top: 0px;left: 50%;margin-left: -5px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-nw .tipsy-arrow {top: 0;left: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-ne .tipsy-arrow {top: 0;right: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-s .tipsy-arrow {bottom: 0;left: 50%;margin-left: -5px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-sw .tipsy-arrow {bottom: 0;left: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-se .tipsy-arrow {bottom: 0;right: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-e .tipsy-arrow {right: 0;top: 50%;margin-top: -5px;border-left-style: solid;border-right: none;border-top-color: transparent;border-bottom-color: transparent;}
.tipsy-w .tipsy-arrow {left: 0;top: 50%;margin-top: -5px;border-right-style: solid;border-left: none;border-top-color: transparent;border-bottom-color: transparent;}

</style>
<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".twitterbox-ot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css"> 
.twitterbox-ot {background: url("http://1.bp.blogspot.com/-l3SnMXwUiyM/Tui0v6NMqTI/AAAAAAAABKw/SWS_uDG_TXc/s1600/twitterbox-OT.png") no-repeat scroll left center transparent !important;
display: block;float: right;height: 240px;
padding: 0 5px 0 46px;width: 245px;z-index: 99999;
position:fixed;right:-250px;top:20%;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
#cbtmain{
    width:100%;
    height:100%;
    position:relative;
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){$("#templateframe").css('visibility','hidden');$("#templateframe").load(function(){$(this).css('visibility','visible');$("#cbtmain").css("background","none #fff");});});</script>
<script src='http://script-ot.googlecode.com/svn/tooltip.js' type='text/javascript'></script>
<script type='text/javascript'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
</head>
<body>
<div id="container">

	<span class="title"><a href="http://onlinepctrick.blogspot.com/2011/12/css3-simple-gradient-button.html">Back To Article</a></span>
	
</div>
<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css"> 
.w2bslikebox{background: url("http://2.bp.blogspot.com/-Pbf_Gxpfxn8/TujHvHczKJI/AAAAAAAABLA/aRmd6pIMgDw/s1600/twitterfanbox-OT.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #808080;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<script type="text/javascript" 
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div 
id="twitterfanbox"></div><script 
type="text/javascript">fanbox_init("onlinetrick");</script></div></div> 
<img class='time' original-title='Tuesday, May 10, 2011' src='http://1.bp.blogspot.com/-A-yJehsMoS0/TsC5cFpHwwI/AAAAAAAABAo/M_0nZca5ASM/s1600/date.png'/>
</body>
</html>